ul.pagination li{
    margin-right: 1em;
}

.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #E8332B;
}

.no-padding {
    padding: 0 !important;
}

.mobile-sm {
    font-size: 15px !important;
}

.remove-link-style {
    text-decoration: none;
    color: black;
}

.print {
    visibility: hidden;
}

@media print {
    .no-print {
        display: none !important;
    }

    .print {
        visibility: visible;
    }
}



.redHover:hover{
    color: #DF1E26;
    cursor: pointer;
}

/* Tel-input styling override */
.iti {
    width: 100% !important;
}


/*Custom styling input number +/-*/
.number-input input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.number-input {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.number-input button {
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    position: relative;
}

.number-input button:before,
.number-input button:after {
    display: inline-block;
    position: absolute;
    content: '';
    height: 2px;
    transform: translate(-50%, -50%);
}

.number-input button.plus:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
    text-align: center;
}

.number-input.number-input {
    border: 1px solid #ced4da;
    width: 10rem;
    border-radius: .25rem;
}

.number-input.number-input button {
    width: 2.6rem;
    height: .7rem;
}

.number-input.number-input button.minus {
    padding-left: 10px;
}

.number-input.number-input button:before,
.number-input.number-input button:after {
    width: .7rem;
    background-color: #495057;
}

.number-input.number-input input[type=number] {
    max-width: 4rem;
    padding: .5rem;
    border: 1px solid #ced4da;
    border-width: 0 1px;
    font-size: 1rem;
    height: 2rem;
    color: #495057;
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color:transparent) {

        .number-input.def-number-input.safari_only button:before,
        .number-input.def-number-input.safari_only button:after {
            margin-top: -.3rem;
        }
    }
}
/*End custom styling input number*/

/*column width with halves (add H for half column extra)*/
.col-0H {
    -ms-flex: 0 0 4.166667%;
    flex: 0 0 4.166667%;
    max-width: 4.166667%;
}

.col-1H {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
}

.col-2H {
    -ms-flex: 0 0 20.833333%;
    flex: 0 0 20.833333%;
    max-width: 20.833333%;
}

.col-3H {
    -ms-flex: 0 0 29.166667%;
    flex: 0 0 29.166667%;
    max-width: 29.166667%;
}

.col-4H {
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
}

.col-5H {
    -ms-flex: 0 0 45.833333%;
    flex: 0 0 45.833333%;
    max-width: 45.833333%;
}

.col-6H {
    -ms-flex: 0 0 54.166667%;
    flex: 0 0 54.166667%;
    max-width: 54.166667%;
}

.col-7H {
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
}

.col-8H {
    -ms-flex: 0 0 70.833333%;
    flex: 0 0 70.833333%;
    max-width: 70.833333%;
}

.col-9H {
    -ms-flex: 0 0 79.166667%;
    flex: 0 0 79.166667%;
    max-width: 79.166667%;
}

.col-10H {
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
}

.col-11H {
    -ms-flex: 0 0 95.833333%;
    flex: 0 0 95.833333%;
    max-width: 95.833333%;
}

body {
    color: #5C6065;
}
header {
    background-color: #E8332B;
    font-size: 2em;
}

strong {
    color: #E8332B;
}

.card {
    padding: 0.8em;
    margin-left: 0.05em;
    margin-right: 0.05em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

hr {
    margin-top: 0em;

}
.color {
    --hansea-red: #E8332B;
    --hansea-grey: #5C6065;
}

.sep-gradient {
    background: -moz-linear-gradient(45deg, rgba(251, 252, 252, 0.6), rgba(216, 217, 217, 0.69) 100%);
    background: -webkit-linear-gradient(45deg, rgba(251, 252, 252, 0.6), rgba(216, 217, 217, 0.69) 100%);
    background: linear-gradient(to 45deg, rgba(251, 252, 252, 0.6), rgba(216, 217, 217, 0.69) 100%);
}

.text-hansea-red {
    color: #E8332B;
}

.text-hansea-red * {
    color: #E8332B;
}


.text-hansea-gray {
    color: #5C6065;
}

.hansea-red {
    color: #E8332B;
}


.bg-hansea-red {
    background-color: #E8332B;
}
.bg-hansea-gray {
    background-color: #5C6065;
}

.list-horizontal li {
    float: left;
}

td.alignVertMid {
    vertical-align : middle;
}

.img-sm {
    height: 3em;
    width: 3em;
}

.img-md {
    height: 5em;
    width: 5em;
}

tbody tr *{
    margin: 0em;
}

.nav-logo {
    background-color: whitesmoke;
}

.list-group-item.active{
    background-color: #E8332B; !important;
    border: none;
}

.wrapCounter {
    position: relative;
    display: inline-block;
}

.wrapCounter span {
    background-color: #5C6065;
    position: absolute;
    top: 0;
    right: 0;
}
.navREM {
    font-size: 1.5rem;
}

.border-between > [class*='col-']:before {
    background: #e3e3e3;
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    width: 1px;
    top: 0;
}

.border-between > [class*='col-']:first-child:before {
    display: none;
}


.table td.fit,
.table th.fit {
    white-space: nowrap;
    width: 1%;
}

#map-google{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
#map-google iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.document {
    margin: 1.5em;
    text-align: center;
}

.flex-dir-none {
    flex-direction: unset;
}

@media (max-width: 768px) {
    .img-scale {
        max-width: 100%;
        max-height: 2em;
    }
}

@media (min-width: 992px) {
    .img-scale {
        max-width: 100%;
        max-height: 4em;
    }
}

@media (min-width: 1200px) {
    .img-scale {
        max-width: 100%;
        max-height: 5em;
    }
}

.border-login {
    border-left: 5px solid #E8332B !important;
}

.border-prelogin {
    border-left: 5px solid #ffc107 !important;
}

.hoofdVink > .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: green; !important;
    background-color: green; !important;
}

.fa-kiosk {
    font-size: 1.5em !important;
}

.color-inherit {
    color: inherit;
}

.easi-autocomplete-wrap {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    list-style-type: none;
    overflow-y: auto;
    max-height: 210px;
    padding-left: 0;
    background: #fff;
}

.easi-autocomplete-wrap li {
    padding: 12px 15px;
    cursor: pointer;
    font-size: 0.875rem;
}

.btn {
    color: #fff;
}

.clickable {
    cursor: pointer;
}

@media screen and ( max-width: 520px ){
    li.page-item {
        display: none;
    }

    .page-item:first-child,
    .page-item:last-child,
    .page-item.active {
        display: block;
    }
}

.pagination .page-item.active .page-link {
    background-color: #E8332B;
}
.pagination .page-item.active .page-link:hover {
    background-color: #DF1E26;
}

.top-header {
    position: absolute;
    padding: 0 1em;
    font-weight: bold;
    top: -0.8em;
    left: 0.5em;
    background-color: white;
    font-size: 14px;
}